<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>


  
    <div class="container">
    <div class="row">
    <h1 class="text-center">用户注册</h1>
    <form class="form-horizontal"  action="doUserReg.php" enctype="multipart/form-data">

         <div class="form-group">
                    <label for="uname" class="col-md-2  col-xs-3 control-label">用户名</label>
                     <div class="col-md-10  col-xs-9">
                    <input type="text" class="form-control" id="uname" placeholder="用户名" name="uname">
                     </div>
         </div>

         <div class="form-group">
                    <label  for="password" class="col-md-2  col-xs-3 control-label">密码</label>
                     <div class="col-md-10  col-xs-9">
                    <input type="password" class="form-control" id="password" placeholder="密码" name="password">
                     </div>
         </div>

         <div class="form-group">
                    <label  for="gender" class="col-md-2  col-xs-3 control-label">性别</label>
                     <div class="col-md-10 col-xs-9" >
                    <label class="radio-inline">
                       <input type="radio" name="gender" id="gender" value="0" checked>男
                    </label>

                     <label class="radio-inline">
                       <input type="radio" name="gender"  value="1" >女
                    </label>
                     </div>
          </div>

          <div class="form-group">
                     <label for="birthday" class="col-md-2 col-xs-3 control-label">生日</label>
                     <div class="col-md-10 col-xs-9">
                      <input name="birthday" type="date" id="birthday" >        
                       </div>
          </div>

          <div class="form-group">
              <label class="col-md-2 col-xs-3 control-label">爱好</label>
                       <div class="col-md-10 col-xs-9">
                       <input type="checkbox" id="blankCheckbox" name="hobby[]" value="旅游" checked>旅游
                       <input type="checkbox" id="blankCheckbox" name="hobby[]" value="登山" checked>登山
                       <input type="checkbox" id="blankCheckbox" name="hobby[]" value="健身">健身
                       <input type="checkbox" id="blankCheckbox" name="hobby[]" value="上网">上网
                       <input type="checkbox" id="blankCheckbox" name="hobby[]" value="游泳">游泳        
                       </div>
          </div>

             <div class="form-group">
                     <label class="col-md-2 col-xs-3 control-label">学历</label>
                     <div class="col-md-10 col-xs-9">
                     <select name="degree" class="form-control">
                         <option value="0">请选择</option>
                          <option value="1">高中</option> 
                          <option value="2">大学</option>
                        <option value="3">研究生</option>  
                        <option value="4">博士生</option>
                      </select>       
                       </div>
              </div>

                     <div class="form-group">
                     <label class="col-md-2 col-xs-3 control-label">自我介绍</label>
                     <div class="col-md-10 col-xs-9">
                     <textarea name="intro" class="form-control" rows="3"></textarea>
                     </div>
       
          <div class="form-group">
                    <label  for="pic" class="col-md-2  col-xs-3 control-label">头像</label>
                     <div class="col-md-10  col-xs-9">
                    <input type="file"  id="pic"  name="pic">
                     </div>
          </div>

          <div class="form-group">
                     <div class="col-md-10  col-xs-9  col-md-offset-2 col-xs-offset-2">
                    <input type="submit"  value="注册">
                    <input type="reset"  value="重置">
                     </div>
          </div>


    </form>
    </div>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>